<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<title>待办事项</title>
		<link rel="stylesheet" href="css/style.css">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
	</head>

	<body>
		<div class="wrapper">
			<header>
				<div class="nav">
					<div class="container">
						<a href="">To-Do</a>
					</div>
				</div>
			</header>
			<main>
				<div class="main-left clearfix">
					<ul>
						<li class="li-a li-a2 clearfix">
							<a href="">
								<div class="t">
									<img src="images/tx.jpg" alt="">
								</div>
								<p>Miao Xin</p>
								<div class="i">
									<i class="fa fa-search" aria-hidden="true"></i>
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/a_03.png" alt="">
								</div>
								<p>我的一天</p>
								<div class="i">
									4
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/b_03.png" alt="">
								</div>
								<p>to-Do</p>
								<div class="i">
									3
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/c_03.png" alt="">
								</div>
								<p>食品杂货</p>
								<div class="i">
									9
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/d_03.png" alt="">
								</div>
								<p>旅行</p>
								<div class="i">
									5
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/e_03.png" alt="">
								</div>
								<p>想看的电影</p>
								<div class="i">
									11
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/f_03.png" alt="">
								</div>
								<p>家庭</p>
								<div class="i">
									7
								</div>
							</a>
						</li>
						<li class="li-a li-a1 clearfix">
							<a href="">
								<div class="t">
									<img src="images/g_03.png" alt="">
								</div>
								<p>工作</p>
								<div class="i">
									4
								</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="main-right clearfix">
					<div class="right-top clearfix">
						<h2>我的一天</h2>
						<!--<input type="text" id="myInput" placeholder="title..">
                    	<span class="addBtn" id="add">添加</span>-->
						<form class="mb-5" action="" onsubmit="return false">
							<div class="form-group">
								<input id="ipt" type="text" class="form-control" placeholder="再此输入任务">
							</div>
							<button id="btn" type="submit" class="addBtn btn-block ">添加</button>
						</form>
					</div>
					<ul class="list-group" id="ul"></ul>
					<!--<ul id="my">

					</ul>-->
				</div>
			</main>
		</div>

		<script src="js/script.js"></script>
	</body>

</html>